<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
		<script src="https://unpkg.com/element-ui/lib/index.js"></script>
		<link rel="stylesheet" href="./css/base.css">
		<link rel="stylesheet" href="./css/public.css">
		<style>
			.ban-ner{
				width: 100%;
			}
			.ban-ner img{
				width: 100%;
			}
			.box-ul{
				display: flex;
				width: 990px;
				margin: 30px auto;
				flex-wrap: wrap; 
			}
			.box-ul li{
				width: 280px;
				height: 280px;
				border: 1px solid #ccc;
				margin: 15px 0;
				margin-left: 33px;
			}
		</style>
	</head>
	<body>
		<div class="out-box">
			<div class="ban-ner"><img src="img/bannar.jpg"/></div>
			<div class="inner-box">
				<ul class="box-ul">
					<li></li>
					<li></li>
					<li></li>
					<li></li><li></li>
				</ul>
			</div>
		</div>
	</body>
	<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
	<script>
		
	</script>
</html>
